<template>
  <div style="margin-top: 20px">
    <el-pagination
        v-model:total="pager.totalCount"
        v-model:page-size="pager.perPageSize"
        :page-sizes="[10, 30, 60, 100,200,300]"
        :background="true"
        layout="prev, pager, next, jumper,total, sizes"
        @size-change="pager.handleSizeChange"
        @current-change="pager.handleChangePage">
    </el-pagination>
  </div>
</template>

<script setup>

defineProps(["pager"])
</script>

<style scoped>

</style>